<template>
  <ul>
    <li>序号--名字</li>
    <li v-for="(item,index) in list" :key="item.id">{{index+1}}--{{item.name}} <slot :id=item.id></slot>   </li>
  </ul>
</template>

<script>
export default {
    props:{
      list:Array
    }
}
</script>



<style scoped>
  li{
    list-style: none;
    height: 30px;
    background-color: rgb(188, 232, 225);
  }
  
  

</style>